<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="description" content="个人网站">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,viewport-fit=cover">
    <title>Belong to GS</title>
    <!--<base target="_blank">-->
    <link rel="shortcut icon" href="./img/loginPage/ico.png">
    <script type="text/javascript" src="./js/loginPage.js"></script>
    <link rel="stylesheet" href="./css/loginPage.css">
</head>

<body>
<img class="bg-img" alt="Picture" src="./img/loginPage/background.jpg" id="background_img">
<main>
    <div id="front">
        <img class="avatar" alt="Picture" src="./img/loginPage/hpic.png">
        <h1>GS</h1>
        <p>&emsp;&nbsp;欢迎来到我的个人网站！</p>
        <button type="button" class="btn" onclick="visible_control(true);">进入</button>
    </div>
</main>

<div class="hidden_div_background" id="background" onclick="visible_control(false);"></div>
<div class="hidden_div_content" id="content">

    <table class="card">
        <tr>
            <th>用户登录</th>
        </tr>
        <tr>
            <td>
                <label>
                    <input type="text" name="username" placeholder="用户名" maxlength="22" onfocus="hidden_warning();"
                           id="usr">
                </label>
            </td>
        </tr>
        <tr>
            <td>
                <label>
                    <input type="password" name="password" placeholder="密码" maxlength="16" onfocus="hidden_warning();"
                           id="pwd">
                </label>
            </td>
        </tr>
        <tr>
            <td><input class="btn_content" type="submit" id="submit" value="登录" onclick="login();"></td>
        </tr>
        <tr>
            <th>Not Registered?<a href="#">&nbsp;&nbsp;&nbsp;创建账户</a></th>
        </tr>
    </table>

    <span class="warning" id="warning"></span>
</div>
</body>
</html>